<template>
   <div class="home-container">
    <van-nav-bar
  class="page-nav-bar"
  left-arrow
  title="社团活动"
  @click="this.$router.back();"
  ></van-nav-bar>
    <event-list key="event-list"></event-list>




  </div>  
</template>
  

<script>
import { ref } from 'vue';
import EventList from './components/event-list.vue';
export default {

components: {
  EventList
},
setup() {
  const active = ref(0);
  return {
    active,
  };
}
};

</script>


<style scoped >
.channels-tabs .van-tab--active {
color: red;
}
.channels-tabs .van-tabs__line {
  position: fixed;
background-color: #3296fa;
width: 20px;
height: 6px;
}

/* 固定头 */
.channels-tabs .van-tabs__wrap {
position: fixed;
top: 46px;
left: 0;
right: 0;
z-index: 1;

}
.home-container {
padding-bottom: 50px;
}
.event-list{
  margin-top: -1px;
}
</style>